<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:fn="http://java.sun.com/jsp/jstl/functions">
    <h:head>
        <title>网络报销系统</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
        <meta  http-equiv="Expires" CONTENT="0"/>
        <meta  http-equiv="Cache-Control"  CONTENT="no-cache"/>
        <meta  http-equiv="Pragma" CONTENT="no-cache"/>
        <link rel="stylesheet" type="text/css" href="resource/css/mystyle.css"/>
        <link rel="stylesheet" type="text/css" href="resource/css/tableStyle.css"/>


        <style type="text/css">
            .top{
                vertical-align: top;
            }
            .bottom{
                vertical-align: bottom;
            }
            .active-row {
                background-color: #FFEBDA !important;
                cursor: pointer;
            }
            *{font-size:12px !important;}
            #h-p-1 p{
                font-family: "&#x65B9;&#x6B63;&#x5C0F;&#x6807;&#x5B8B;&#x7B80;&#x4F53;", Georgia, serif;
                font-size: 22px !important;
                font-weight: 900;
                color: midnightblue;
                margin: 10px 0px 10px 30px;
            }
            #h-p-1{
                float: left;
            }
            #head-wrap{
                margin: 0px;
                padding: 0px;
                overflow: hidden;
                background-image:url(resource/images/blueSky.png);
            }
            #h-p-2{
                margin:10px 0px 0px 0px;
            }
            #body-wrap{
                margin: 0px 0px 0px 0px;
                padding: 0px;
                vertical-align:top;
            }
            #body-left{
                width:20%;
                float: left;
                text-align: left;
                height:550px;
                overflow: auto;
            }
            #body-right{
                width: 80%;
                float:right;
                text-align: left;
                height:550px;
                overflow: auto;
                margin:0px;
                padding:0px;
            }
            #layout{
                overflow: hidden;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                background-color: #e4f1fb;
                vertical-align:top;
                border-radius:0px 0px 0px 10px;
            }
        </style>
    </h:head>    
    <h:form>
        <center>
            <div id="layout">
                <div id="head-wrap" class="rf-p">
                   
                        <div id="h-p-1">
                            <p>全国社保基金理事会网络报销系统</p>
                        </div>
                        <div id="h-p-2" style="float:right;" class="rf-p-b">
                            <h:panelGroup rendered="true">
                                [<h:commandLink action="#{handBookBean.login}" value="登陆"/>]
                            </h:panelGroup>
                        </div>
                    
                </div>

                <div id="body-wrap">
                     <div id="body-left">
                         <rich:panelMenu style="width:200px"
                                    groupExpandedLeftIcon="triangleUp"
                                    groupCollapsedLeftIcon="triangleDown"
                                    topGroupExpandedRightIcon="chevronUp"
                                    topGroupCollapsedRightIcon="chevronDown"
                                    itemLeftIcon="disc" >
                        <rich:panelMenuItem label="报销流程"  style="font-weight:bolder;" mode="server" action="#{handBookBean.selectdUrl('ssfpayflow')}" render="current"  immediate="true"/>
                        <rich:panelMenuGroup label="操作流程">
                            <rich:panelMenuItem label="报销流程" mode="server" action="#{handBookBean.selectdUrl('liucheng')}" render="current" immediate="true"/>
                            <rich:panelMenuGroup label="单据修改">
                                 <rich:panelMenuItem label="已提交单据" mode="server" action="#{handBookBean.selectdUrl('ytjUpdate')}" render="current"  immediate="true"/>
                                 <rich:panelMenuItem label="未提交单据" mode="server" action="#{handBookBean.selectdUrl('wtjUpdate')}" render="current"  immediate="true"/>
                            </rich:panelMenuGroup>
                            <rich:panelMenuItem label="删除单据" mode="server" action="#{handBookBean.selectdUrl('deleteBill')}" render="current" immediate="true"/>
                        </rich:panelMenuGroup>
                        <rich:panelMenuGroup label="常用操作">
                            <rich:panelMenuItem label="单据导航" mode="server"  action="#{handBookBean.selectdUrl('navigate')}" render="current" immediate="true"/>
                            <rich:panelMenuItem label="选择币种"  mode="server" action="#{handBookBean.selectdUrl('currency')}" render="current" immediate="true"/>
                            <rich:panelMenuItem label="选择费用承担部门" mode="server" action="#{handBookBean.selectdUrl('feeDept')}" render="current" immediate="true"/>
                            <rich:panelMenuItem label="选择费用项目"  mode="server" action="#{handBookBean.selectdUrl('feeProj')}" render="current" immediate="true"/>
                            <rich:panelMenuItem label="选择预算项目" mode="server" action="#{handBookBean.selectdUrl('ysProj')}" render="current" immediate="true"/>
                        </rich:panelMenuGroup>
                        <rich:panelMenuGroup label="单据说明">
                            <rich:panelMenuItem label="费用报销单" mode="server"  action="#{handBookBean.selectdUrl('expense')}" render="current" immediate="true"/>
                            <rich:panelMenuItem label="借款单据" mode="server"  action="#{handBookBean.selectdUrl('loan')}" render="current" immediate="true"/>
                            <rich:panelMenuItem label="差旅费报销单" mode="server"  action="#{handBookBean.selectdUrl('travel')}" render="current" immediate="true"/>
                            <rich:panelMenuItem label="出国差旅费报销单" mode="server"  action="#{handBookBean.selectdUrl('abroad')}" render="current" immediate="true"/>
                            <rich:panelMenuItem label="付款申请单" mode="server" action="#{handBookBean.selectdUrl('pay')}" render="current" immediate="true"/>
                            <rich:panelMenuItem label="支出证明单" mode="server" action="#{handBookBean.selectdUrl('app')}" render="current" immediate="true"/>
                        </rich:panelMenuGroup>
                             <rich:panelMenuItem label="文档下载"  style="font-weight:bolder;" mode="server" action="#{handBookBean.selectdUrl('down')}" render="page" immediate="true"/>
                    </rich:panelMenu>
                     </div>
                    <div id="body-right">                   
                        <rich:panel  styleClass="content-hight" rendered="#{not empty handBookBean.pageUrl}">
                            <h:graphicImage value="#{handBookBean.pageUrl}" id="current"/>
                        </rich:panel>                   
                        <rich:panel  styleClass="content-hight" rendered="#{not empty handBookBean.page and empty handBookBean.pageUrl}">
                            <ui:include src="#{handBookBean.page}" id="page"/>
                        </rich:panel>                   
                    </div>
                </div>
            </div>
        </center>
   </h:form>
</html>
